@CHARSET "UTF-8";
body{
	margin: 0;
	padding: 0;
	background-color: #ADD8E6;

	/* background:url("../img/h1.jpg")  repeat-x; */
	/* background:url("../img/h1.jpg")  repeat-y; */
	background:url("../img/h1.jpg")  no-repeat;
	/*background-image: url("....");
	background-repeat: repeat-x;*/
	
	/*背景图在页面的固定位置，不会随着内容的滚动而滚动*/
 	background-attachment: fixed; 
}
div{
	width:200px;
	height:100px;
	border:2px solid blue;
}

.d1{
	border-width:10px;
	border-style: dashed double solid groove ;
}

.d2{
	margin: 20px;/*d2相对于四周标签的边距*/
	background:url("../img/h1.jpg")  no-repeat;
	background-position: -50px -20px;/*左上角坐标*/
}

.d3{
	padding-top: 10px;
	padding-left: 20px;
	background-color: #98FB98;
	background:url("../img/h1.jpg")  no-repeat;
	background-position: 50px 20px;/*左上角坐标*/
}

.d4{
	padding:0;
	width:150px;
	height:70px;
	background:url("../img/淘宝.jpg")  no-repeat;
	background-position: 0 0;/*左上角坐标*/
}
.d5{
	padding:0;
	width:25px;
	height:25px;
	background:url("../img/淘宝.jpg") no-repeat;
	background-position: -160px 0px;/*左上角坐标*/
}










